/*
 * @Author: HuangFengZhen
 * @Date:   2016-1-26 21:34:05
 * @Last Modified by:   HuangFengZhen
 * @Last Modified time: 2016-1-26 21:34:05
 */
// 手机轮播图响应式更换背景图开始
function setBgImg(){
	// 定义变量存储屏幕宽度
	var clWidth=window.document.documentElement.clientWidth;
	// 定义布尔值判断屏幕宽度是否小于768
	var isSmall=clWidth<768;	
	$("#main_ad .item-img").each(function(i,e){
		// 当屏幕小于768时 使用小图片 否则使用大图片
		var bgData=isSmall?$(this).data("img-xm"):$(this).data("img-lg");
		// 大屏幕用大图做背景
		var bgUrl='url("'+bgData+'")';
		$(this).css("backgroundImage",bgUrl);
		// 小屏幕用小图做子img元素
		var bgSrc='<img src="'+bgData+'">';
		$(this).html(bgSrc);
	});
}
// 不明白下面啥区别，放到resize方法里面了
// $(window).on("resize",setBgImg).trigger("resize");
// $(window).on("resize",setBgImg);
// 手机轮播图响应式更换背景图结束

// 手机触屏滑动切换轮播图
// 得到轮播图对象
var $tab=$(".carousel");
// 定义开始坐标 结束坐标
var startX,endX;
// 定义最小值
var offset=50;
// 绑定触摸开始事件
$tab.on("touchstart",function(e){
	// 取出触摸开始的坐标 作为开始坐标
	startX=e.originalEvent.touches[0].clientX;
	// console.log("startX:"+startX);
});
// 绑定触摸移动事件
$tab.on("touchmove",function(e){
	// 取出触摸移动的最后坐标 作为结束坐标
	endX=e.originalEvent.touches[0].clientX;
	// console.log("endX:"+endX);
});
// 绑定触摸离开事件
$tab.on("touchend",function(e){
	// 触摸离开时 判断距离是否大于设定距离
	var distance=Math.abs(startX-endX);
	if(distance>offset){
		// 起始大于结束 向后翻页 事件详见bootstrap案例
		$(this).carousel(startX>endX?"next":"prev")
	}
	// console.log("distance:"+distance);
});

// 产品推荐选项卡自适应宽度开始
function resize(){
	setBgImg();//动态改变轮播图

	// 给每个nav-tabs.ul绑定事件处理函数
	$(".nav-tabs").each(function(){
		var $ul=$(this);
		// 获得ul的padding-left
		var ulWidth=20;
		// 获得所有li宽度和
		$ul.children().each(function(i,e){
			// $(e).是ul中得每个li子元素
			ulWidth+=$(e).width();// 累计总和
		});
		// 当li总宽度超过ul的父
		if(ulWidth>$ul.parent().width()){
			// ul宽度设置为li的固定总和
			$ul.css("width",ulWidth);
			// 显示ul父亲的横向滚动条
			$ul.parent().css("overflow-x","scroll");
			// li总宽度小于ul的父
		}else{
			// ul的宽度变为自动
			$ul.css("width","auto");
			// 横向滚动条隐藏
			$ul.parent().css("overflow-x","hidden");
		}	
	});
	
}
// 这种写法可以免去单独调用 同时触发了浏览器一打开的resize事件
$(window).on("resize",resize).trigger("resize");

// 产品推荐选项卡自适应宽度关闭
// 提示框效果开始
$('[data-toggle="tooltip"]').tooltip()
// 提示框效果结束

// 新闻点击效果开始
$(".nav-tabs a").click(function(){
	$(".news-title").text($(this).data("title"));	
});

// 新闻点击效果结束
